<template>
  <div class="coin-state">
    <div class="blockchain-componet">
        <img src="https://www.528btc.com/d/images/tron.png" alt="" class="blockchain-img" width="40" height="40">
        <div class="blockchain-name">{{data["blockchain"]}}</div>
    </div>
    <div class="curren-usercoinnfo">
        <p>所属链为{{data["blockchain"]}}</p>
        <p>当前支持的coin为:{{data["current_support_coin"]}}</p>
        <p>可提取数量为:{{data["num"]}}</p>
        <p>昨天收入:{{data["preday"]}}个</p>
        <el-button @click="pickreward">提取奖励</el-button>
    </div>
  </div>
</template>

<script>
export default {
    props: {
        data: {
        }
    },
    data () {
        return {
            msg: ''
        }
    },
    methods: {
        getMsg(msg){
            this.msg = msg;
        },
        pickreward(){
            this.$message({
                message: '提取成功',
                type: 'message',
                duration: 1000
            });
        }
    }
}
</script>

<style scope>
    .coin-state{
        margin-top: 10px;
        background-color: white;
        border-radius: 8px;
        border: 3px solid rgb(51, 203, 95);
        padding: 10px;
        display: flex;
        flex-direction: column;
    }
    .blockchain-componet{
        display: flex;
        justify-content: center;
        flex-direction: row;
        border-bottom: 1px solid #EFF2F5;
        padding-bottom: 5px;
    }

    .blockchain-name{
        margin-left: 10px;
        font-weight: bolder;
        display: flex;
        align-items: center;
    } 
</style>